<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>传悦详情页</title>
    <link rel="stylesheet" href="case.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="header-con">
            <div class="title">
                <img src="img/1/1.1.png" alt="">
                <span>网&nbsp;络&nbsp;全&nbsp;案&nbsp;营&nbsp;销&nbsp;服&nbsp;务&nbsp;提&nbsp;供&nbsp;商</span>
            </div>
            <ul class="ulList">
                <li><a href="">网站首页</a></li>
                <li><a href="">传悦资源</a></li>
                <li><a href="">传悦案例</a></li>
                <li><a href="">传悦服务</a></li>
                <li><a href="">解决案例</a></li>
                <li><a href="">需求提交</a></li>
            </ul>
            <div class="number">
                <img src="img/1/1.2.png" alt="">
            </div>
        </div>


    </header>
    <!-- 内容 -->
    <div class="content">
        <div class="content-con">
            <h2 id="title"></h2>
            <p id="content1">

            </p>
            <div class="neirong">
                信用贷款、文化创/意产业贷款这 四类中小企业特色金融产品为重点宣传“小巨人”中小企业成长融资方案，将北京银行“公司金融品牌服务”的推广做深做实。 发布会创意点：为了将金融产品“小巨人”的形象延展并生动化，我们策划制作了讲述小巨人成长的Flash作为开场，伴随着flash，“小巨人”大型充气玩偶渐渐 充气长大，将人们的关注点集中在这个“小巨人”身上，使品牌深入人心。现场银行领导对产品的详细阐述使得形象与理论完美结合，意义深刻。-->
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <footer>
        <div class="footer-con">
            <img src="img/1/4.1.png" alt="">
            <ul class="wrap">
                <li>关于传悦</li>
                <li>新闻动态</li>
                <li>传悦观点</li>
                <li>联系传悦</li>
                <li>加入传悦</li>
                <li>付款账户</li>
            </ul>
            <p>Copyright ©2013 创梦网络科技有限责任公司 ‖ 传悦 Chnyoo.cn All Rights Reserved 京ICP备12005221号 </p>
        </div>
    </footer>
    <script src="jquery.min.js"></script>
    <script>
        String.prototype.parseUrl = function() {
            let arr = this.slice(this.indexOf("?") + 1).split("&");
            let result = {}
            arr.forEach(item => {
                let key = item.split("=")[0];
                let value = item.split("=")[1];

                result[key] = value;
            })
            return result;
        }
        $.ajax({
            url: "http://127.0.0.1:85/getNews",
            data: {
                id: location.href.parseUrl().id
            },
            success(data) {
                $("#title").html(data.biaoti)
                $("#content1").html(data.wena)
                $(".neirong").html(data.wenb)
                console.log(data);
            }
        })
    </script>
</body>

</html>